<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 特点:

        // 1. 只能存储字符串  并且有特定的格式
        // key=value;key2=value2;key3=value3;

        // 2.cookie存储的大小
        // 最大4kb
        
        //3. 存储的时效性  
        // 默认关闭浏览器 就失效  
        // 可以手动设置过期时间

        // 4. 必须依赖服务器 
        //  本地打开的页面不能操作cookie 
        // file:///C:/Users/kangbazi/Desktop/1.html
        // 必须模拟服务器方式打开 
        // 比如http://127.0.0.1:5500/04%E4%BC%9A%E8%AF%9D%E5%AD%98%E5%82%A8%E6%B5%8B%E8%AF%95.html 
        // 上面可以操作cookie 

        // 5. 服务器自动发放  请求自动携带 
        //   前端页面 和服务器进行交互的过程中 自动携带 


        // 6. 前后端操作  
        //  前端  只能用js操作 cookie 
        //  后端 可以是任意语言 操作 



        // 7. 存储依赖域名
        // 哪个域名存储  哪个域名使用 
        // 不能跨域名通讯  



        // 存储 


        // 语法: document.cookie = 'key=value';

        // document.cookie = 'name=kangbazi&age=18';

        // 一次只能设置一个key=value 



        //手动设置过期时间  

        // 格林尼治时间  1970年1月1日  0:0:0 
        // 跟北京时间差了 8小时  
        // 不管你给的时间是什么时间 
        // 它通通认为这个时间是世界标准时间 
        // 比如我们设置北京时间11:55过期 
        // 它认为这是世界标准时间11:55 换成北京时间就是19:55
        // 如果你想北京时间11:55过期 
        // 应该设置 3:55的时间对象 

        // 如果我们设置30秒以后过期  
        // 1. 当前时间向前8小时 
        // 2. 第一步基础上 向后30秒  

        // document.cookie = 'name=kangbazi;expires=时间对象';
        

        // var mytime = new Date();
        // mytime.setTime(mytime.getTime()-3600*8*1000+1000*30);
        // document.cookie = 'name=kangbazi;expires='+mytime;

    </script>
</body>
</html>